<!DOCTYPE HTML>
<html>

<head>

<title>Son Santas</title>

<meta charset="utf-8">

<!-- Reset     --> <link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen" charset="utf-8" />
<!-- Style     --> <link rel="stylesheet" href="/css/style2.css" type="text/css" media="screen" charset="utf-8" />
<!-- UI Custom --> <link rel="stylesheet" href="/css/customizr2.css" type="text/css" media="screen" charset="utf-8" />

<style>

.login {
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -93px;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: white;
}
.app-ss .login .edit ul.list li p:first-child {
	width: 70px;
}
.app-ss .login .edit ul.list {
	width: 100%;
	margin-bottom: 0;
}

.login-back {
    position: fixed;
    width: 100%;
    height: 100%;
	background: url('/images/login-fondo.jpg') repeat;
/*
    background: -webkit-radial-gradient(30% 30%, circle closest-corner, #8A2672, #310d28);
    background: -moz-radial-gradient(40% 3% 180deg, ellipse, #8A2672, #000000);
*/
}

.modal:before {
	content: '';
	position: absolute;
	margin-top: -40px;
	background: url('/images/ss.png') no-repeat;
	height: 45px;
	width: 160px;
	margin-left: 80px;
}

</style>

</head>

<body class="app-ss">
	
		<div class="login-back"></div>
	
		<div class="login modal">
			<h4 class="line padding paddingleft">Login</h4>
			<form method="post" action="/login.php" class="edit">
			<div class="m-message">
				<ul class="list">
					<li><p><label>Usuario: </label></p><p><input type="text" name="user"></p></li>
					<li><p><label>Contrase&ntilde;a: </label></p><p><input type="password" name="pass"></p></li>
				</ul>
				
				<? if($error): ?>
				
					<span class="flash bad"><?=$error?></span>
				
				<? endif; ?>
				
			</div>
			<div class="m-controls"><button class="button">Ingresar</button></div>
			</form>
		</div>

</body>	

<script type="text/javascript">

	document.getElementsByName("user")[0].focus();

</script>

</html>
